@use "sass:color";
@use "variables" as *;

html.dark {
  --bg-color: #{$dark-bg};
  --text-color: #{$dark-text};
  --border-color: #{$dark-border};
  
  body {
    background: var(--bg-color);
    color: var(--text-color);
  }
  
  .el-card {
    background: color.adjust($dark-bg, $lightness: 4%);
    border-color: var(--border-color);
  }
  
  .player {
    background: color.adjust($dark-bg, $lightness: 4%);
  }
  
  .song-item {
    &:hover {
      background: $dark-hover;
    }
  }
} 